import { getToken, removeToken, setToken } from '@/utils/auth'
import { getInfo, getUserID, login } from '@/api/user'

export default {
  namespaced: true,
  state: {
    // 定义一个token
    token: getToken() || '',
    userInfo: {}
  },
  mutations: {
    // 保存token必须经过mutations，所以需要在这里定义一个方法，发送请求时调用M的方法
    updateToken(state, token) {
      state.token = token
      // token的持久化。调用封装好的cookie
      setToken(token)
    },
    updateUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    // 做退出登录功能，清空token和userInfo
    removeToken(state) {
      state.token = ''
      // 清空本地存储中的token 在cookie中
      removeToken()
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async userLogin(context, payload) {
      const res = await login(payload)
      // 登录成功打印成功的结果
      console.log(res)
      context.commit('updateToken', res.data)
      // 这边返回res,在登录页调用res.利用dispatch方法接收数据
      return res
    },
    // 发送请求。
    async  postUserInfo(context) {
      const res = await getInfo()
      // 接收获取员工信息请求的封装函数，在这里发送请求
      const res1 = await getUserID(res.data.userId)
      // 通过展开运算符把2个获取信息合并到userInfo中。储存在vuex中
      context.commit('updateUserInfo', { ...res.data, ...res1.data })
      // 返回这个对象，到全局守卫里面可以直接接收
      return { ...res.data, ...res1.data }
    },
    // 在这里封装一个函数，合并清空token和userinfo操作。在绑定点击事件时调用
    logOut(context) {
      context.commit('removeToken')
      context.commit('removeUserInfo')
    }

  },
  getters: {}

}
